<template>
  <view class="ui-page ui-page__scroll">
    <uiCellGroup title="基本">
      <uiCell>
        <template #value>
          <uiPrice :price="1000.0"></uiPrice>
        </template>
      </uiCell>
    </uiCellGroup>
    <uiCellGroup title="带人民币符号，无千位分隔">
      <uiCell>
        <template #title>
          <ui-price :price="10010.01" :needSymbol="true" :thousands="false" />
        </template>
      </uiCell>
    </uiCellGroup>
    <uiCellGroup title="带人民币符号和千位分隔，保留小数点后三位">
      <uiCell>
        <template #title>
          <ui-price :price="15213.122" :decimalDigits="3" :needSymbol="true" :thousands="true" />
        </template>
      </uiCell>
    </uiCellGroup>
    <uiCellGroup title="带人民币符号和千位分隔取整">
      <uiCell>
        <template #title>
          <ui-price :price="15213.122" :decimalDigits="0" :needSymbol="true" :thousands="true" />
        </template>
      </uiCell>
    </uiCellGroup>
  </view>
</template>

<script>
import uiCell from "@/components/base/cell/index.vue";
import uiCellGroup from "@/components/base/cell-group/index.vue";

import uiPrice from "components/base/price/index";
export default {
  name: "demoPriceComponentPage",
  components: {
    uiCellGroup,
    uiCell,
    uiPrice
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss"></style>
